﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css">
        /* Sticky footer styles
      -------------------------------------------------- */

        html,
        body {
            height: 100%;
            /* The html and body elements cannot have any padding or margin. */
        }

        /* Wrapper for page content to push down footer */
        #wrap {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            /* Negative indent footer by it's height */
            margin: 0 auto -60px;
        }

        /* Set the fixed height of the footer here */
        #push,
        #footer {
            height: 60px;
        }

        #footer {
            background-color: #f5f5f5;
        }

        /* Lastly, apply responsive CSS fixes as necessary */
        @media (max-width: 767px) {
            #footer {
                margin-left: -20px;
                margin-right: -20px;
                padding-left: 20px;
                padding-right: 20px;
            }
        }
    </style>
    <script>
        function log(t) { console.log(t); }
    </script>
    <script src="js/lib/jquery.min.js"></script>
    <script src="js/ajax.js"></script>
    <link href="js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="js/lib/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
    <script src="js/lib/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/lib/highchart/highcharts.js"></script>
    <script src="js/js1.js"></script>
    <script>

        $(function () {
            $("#button1").click(function () {
                Ajax.webMethodV1({
                    url: "ajax-handler.aspx/HelloWorld",
                    data: {},
                    success: function (d) {
                        alert(d);
                    },
                    error: function (e) {
                        alert(e);
                    }
                });
            });
        });
    </script>
    <script>
        $(function () {
            $('#container').highcharts({
                title: {
                    text: 'Monthly Average Temperature',
                    x: -20 //center
                },
                subtitle: {
                    text: 'Source: WorldClimate.com',
                    x: -20
                },
                xAxis: {
                    categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
                        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
                },
                yAxis: {
                    title: {
                        text: 'Temperature (°C)'
                    },
                    plotLines: [{
                        value: 0,
                        width: 1,
                        color: '#808080'
                    }]
                },
                tooltip: {
                    valueSuffix: '°C'
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'middle',
                    borderWidth: 0
                },
                series: [{
                    name: 'Tokyo',
                    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
                }, {
                    name: 'New York',
                    data: [-0.2, 0.8, 5.7, 11.3, 17.0, 22.0, 24.8, 24.1, 20.1, 14.1, 8.6, 2.5]
                }, {
                    name: 'Berlin',
                    data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
                }, {
                    name: 'London',
                    data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
                }]
            });
        });

    </script>
</head>
<body>
    <div id="wrap">
        <button type="button" id="button1" class="btn btn-primary">Primary</button>
        <table style="border:solid 1px red;height:700px;">
            <tr>
                <td style="border:solid 1px red;height:300px;">
                    <div id="div2"></div>
                </td>
                <td>
                    <div id="div3"></div>
                </td>
            </tr>
            <tr>
                <td style="border:solid 1px red;" colspan="2">
                    <div id="div4"></div>
                </td>
                
            </tr>
        </table>
        <div id="Div1"></div>
        <div id="container"></div>

    </div>
    <div id="footer">
        <div class="container">
            <p class="muted credit">copyright @adbi</a>.</p>
        </div>
    </div>
</body>
</html>
